<?php

///////////////////////////////////////////////////////////////////////////////
/////  Системное  ////////////////////////.////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////

?>
/* BEG Common rules ==========================================================*/
/* BEG Full Page layout with footer ==========================================*/
html,
body,
.sys_cs_fh {
    min-height: 100%;
    height: 100%;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_cs_fhp_footer {
    vertical-align: bottom;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;
}
* html .sys_cs_fhp_table {
    table-layout: fixed;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
/* END Full Page layout with footer ==========================================*/
html>body .sys_cs_wrap,
.sys_cs_box {
    width: 100%;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
* html .sys_cs_wrap {
    overflow-x: hidden;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_cs_wmeas,
.sys_cs_hmeas,
.sys_cs_wmaxet,
.sys_cs_wminet,
.sys_cs_hmaxet,
.sys_cs_hminet {
    display: none;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
* html .sys_cs_wmeas,
* html .sys_cs_hmeas,
* html .sys_cs_wmaxet,
* html .sys_cs_wminet,
* html .sys_cs_hmaxet,
* html .sys_cs_hminet {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
* html .sys_cs_wmeas {
    width: 100%;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
/*----------------------------------------------------------------------------*/
.sys_empty4ie {
    display: none;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}

* html .sys_empty4ie {
    zoom: 1;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}

.sys_layout {
    position: relative;
    zoom: 1;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 1em;
}
.sys_layout4float {
    overflow: hidden;
    position: relative;
    zoom: 1;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 1em;

}
.sys_end_float {
    clear: both;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
/*----------------------------------------------------------------------------*/
.sys_box {
    width: 100%;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box .sys_left-container,
.sys_box .sys_right-container {
    background-repeat: repeat-y;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box .sys_left-container {
    background-position: top left;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box .sys_right-container {
    background-position: top right;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box .sys_bottom {
    background-position: bottom left;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box .sys_top {
    background-position: top left;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box .sys_top,
.sys_box .sys_bottom {
    background-repeat: repeat-x;
    font-size: 1px;
    line-height: 1px;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box,
.sys_box .sys_ctr,
.sys_box .sys_cbl,
.sys_box .sys_cbr {
    background-repeat: no-repeat;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box {
    background-position: top left;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box .sys_ctr {
    background-position: top right;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box .sys_cbl {
    background-position: bottom left;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
.sys_box .sys_cbr {
    background-position: bottom right;

    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;

}
/* END Common rules ==========================================================*/

.align-r {
	text-align: right;
}
.align-l {
	text-align: left;
}
.align-c {
	text-align: center;
}

<?php

///////////////////////////////////////////////////////////////////////////////
/////  Раскладка  /////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////


function rn($number) {
    return sprintf('%.2f', $number);
}

$leftbar_width_per = 0;
$content_right_margin_per = 0;
$content_left_margin_per = 0;
$body_min_width = 50;
$body_max_width = 100;
?>

/* BEG Главное меню ==========================================================*/
#main-menu-container,
#main-menu .col {
    float: right;
}
/* END Главное меню ==========================================================*/

/* BEG Каркас для содержимого ================================================*/
#main-container {
	margin-left: <?=($leftbar_width_per + $content_left_margin_per);?>%;
	margin-right: <?=$content_right_margin_per;?>%;
}
/* END Каркас для содержимого ================================================*/

/* BEG Строка пользователя ===================================================*/
#top-items td {
    white-space: nowrap;
}
/* END Строка пользователя ===================================================*/


<?php

///////////////////////////////////////////////////////////////////////////////
/////  Оформление  ////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////

$color_1 = "8EC9EB";
$color_2 = "16618C";

$font_color = '000000';
$font_color_bw = $font_color;
$font_color_invert = 'FFFFFF';
$font_color_invert_bw = '777777';
$body_bg_color = '82B6D3';
$content_bg_color = 'FFFFFF';
$block_color = '82B6D3';
$msg_info_color = '4AA42D';
$msg_error_color = 'C00000';
$main_menu_color = '555555';
$main_menu_bg_color = 'EEEEEE';
$main_menu_sel_bg_cl = $content_bg_color;
$table_row2_color = 'F2F2F2'; // artlebedev.ru
$current_bg_color = 'F2F2F2'; // artlebedev.ru
$table_row2_color_bw = 'DDDDDD';
$select_bg_color = '777777';
$select_bg_color_bw = '000000';
$hl_bg_color = 'FFFF66';
$border_color = '777777';
$border_cell = 'F0F0F0';
$disabled_color = 'AAAAAA';
$disabled_color_bw = 'AAAAAA';
$comment_color = '777777';
$top_menu_cl = '333333';
$left_header_color = $color_2;
$header_color = $font_color;
$header_underline = $color_2;
$headersColor = $color_2;

$msg_color = $font_color;
$msgWarningColor = $font_color;
$msgNoticeColor = 'FFFFFF';
$msgErrorColor = 'FFFFFF';
$msqErrorBgColor = 'C11F00';
$msqWarningBgColor = 'EE934E';
$msqNoticeBgColor = '318B49';


$main_font = "'Tahoma', sans-serif";
$logo_font = "'Arial', 'Helvetica', sans-serif";
$main_menu_font = $main_font;
$menu_font = $main_font;
$table_font = $main_font;

$table_font_scale = 0.9;
$table_font_sz = 0.9;
$main_font_coeff = 0.9;
$top_menu_font_coeff = 0.9;
$main_menu_font_coeff = 1.25;
$table_cell_h_padding = 0.5;



$lineHeightCoef = 3;
$mainFontPerspective = 0.46;
$messagesFontPerspectiveKoef = 1;
$mainFontLineHeight = $lineHeightCoef*$mainFontPerspective; //em
$tableFontPerspective = 0.78;
$mainFontDefLineHeight = 2.6; //ex
$mainFontLineTopMargin = 1.05; //ex
$mainFontLineBottomMargin = 0.55; //ex
$altFontScale = $table_font_scale;
$altFontSize = $table_font_sz;
$altFontLineHeight = $mainFontLineHeight/($altFontScale*$altFontSize);
$altFontLineTopMargin = 1.05; //ex
$altFontLineBottomMargin = 0.55; //ex
$lineHeight = $mainFontLineHeight;
$fontLineTopMargin = 0.25; //ex
$fontLineBottomMargin = -0.35; //ex
$horTab = 1;

$hrWidth = 2;
$numberGroupDistance = 0.2;
$number_margin = $numberGroupDistance;

$kkk = (1 + sqrt(5)) / 2; // «Золотое сечение»

$leftPadding    = 1.5; // Левый отступ.
$rightPadding   = $leftPadding; // Правый отступ.
$topPadding     = $leftPadding; // Верхний отступ.
$bottomPadding  = $leftPadding; // Нижний отступ.

$tableCellButtomOffset = 0.1; // em
$formPadding = 1; // em


//////// FROM LAYOUT
$leftbar_width_per; // %
$content_right_margin_per; // %
$content_left_margin_per; // %
$body_min_width; // em
$body_max_width; // em
//////// FROM LAYOUT

$content_width_per = 100 - ($leftbar_width_per + $content_right_margin_per + $content_left_margin_per); // %
$content_min_width = ($content_width_per/100)*$body_min_width; // em
$content_max_width = ($content_width_per/100)*$body_max_width; // em

$clear_content_min_width = $content_min_width - ($leftPadding+$rightPadding); // em
$clear_content_max_width = $content_max_width - ($leftPadding+$rightPadding); // em

$formMinWidth = rn($clear_content_min_width-1); // em

$h1_font_koef = 1.44;
$h2_font_koef = 1.2;

?>
.nw {
    white-space: nowrap;
}
body {
    background-image: url(<?=$root;?>/img/logo.jpg);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    font-size: <?=round($main_font_coeff*100.01, 2);?>%;
    font-family: <?=$main_font;?>;
    text-align: left;
    word-spacing: 0.08em;
}
html {
    background-color: #<?=$body_bg_color;?>;
    background-image: url(<?=$root;?>/img/body-grad.gif);
    background-repeat: repeat-x;
    background-position: 0% 0%;
    line-height: <?=rn($mainFontLineHeight);?>em;
}
#content-page {
    padding: <?=rn($topPadding);?>em <?=rn($rightPadding);?>em <?=rn($bottomPadding);?>em <?=rn($leftPadding);?>em;

}
@media print {
html {
    color: auto;
    background-color: transparent;
    background-image: none;
}
#content-page {
    background-color: inherit;

}
}
.full-width {
    width: 100%;
}
.block-spacer {
    height: <?=rn($mainFontLineHeight);?>em;
}
p {
    margin-top: <?=rn(($mainFontLineHeight - $mainFontDefLineHeight)/2 + $mainFontLineBottomMargin);?>ex;
    margin-bottom: -<?=rn(($mainFontLineHeight - $mainFontDefLineHeight)/2 + $mainFontLineBottomMargin);?>ex;
}
.t_m1 {
    margin-top: <?=rn($mainFontLineHeight);?>em;
}
.t_m05 {
    margin-top: <?=rn($mainFontLineHeight/2);?>em;
}
.t_nm {
    margin-top: 0em;
}
.b_m1 {
    margin-bottom: <?=rn($mainFontLineHeight);?>em;
}
.b_m05 {
    margin-bottom: <?=rn($mainFontLineHeight/2);?>em;
}
.b_nm {
    margin-bottom: 0em;
}
.textBlock {
    margin-bottom: 0em;
}
/* BEG Таблица с данными =====================================================*/
table {
    font-family: <?=$table_font;?>;
    font-size: <?=rn($table_font_sz);?>em;
    margin-left: -<?=rn($table_cell_h_padding);?>em;
    margin-right: -<?=rn($table_cell_h_padding);?>em;
}
table th {
    color: #<?=$left_header_color;?>;
    font-weight: weight;
}
@media print {
table .head th,
table thead th {
    background-color: #<?=$select_bg_color_bw;?>;
    color: #<?=$font_color_invert_bw;?>;
}
}
table td .cell-content {
    margin-top: <?=rn($tableCellButtomOffset);?>em;
    margin-bottom: <?=rn(-$tableCellButtomOffset);?>em;
}
table .head th a,
table thead th a {
    //color: #<?=$left_header_color;?>;
}
@media print {
* html table .head a,
* html table thead a {
   //color: #<?=$left_header_color;?>;
}
* html table tbody a {
    //color: #<?=$font_color_bw;?>;
}
}
hr {
    color: #<?=$border_color;?>;
    background-color: #<?=$border_color;?>;
    border: 0px solid;
    font-size: <?=$hrWidth;?>px;
    line-height: <?=$hrWidth;?>px;
    height: <?=$hrWidth;?>px;
    margin-bottom: -<?=$hrWidth;?>px;
}
@media print {
hr {
    color: #<?=$font_color_bw;?>;
    background-color: #<?=$font_color_bw;?>;
}
}
html>body div.hr {
    display: none;
}
* html hr {
    display: none;
}
* html div.hr {
    border-top: <?=$hrWidth;?>px solid #<?=$border_color;?>;
    font-size: <?=$hrWidth;?>px;
    line-height: <?=$hrWidth;?>px;
    height: <?=$hrWidth;?>px;
    margin-bottom: -<?=$hrWidth;?>px;
}
table th,
table td {
    padding-left: <?=rn($table_cell_h_padding);?>em;
    padding-right: <?=rn($table_cell_h_padding);?>em;
}
table .normal-font {
    font-family: <?=$main_font;?>;
    font-size: 1em;
}
table tr.altrow {
    background-color: #<?=$table_row2_color;?>;
}
table .no-padding {
    padding: 0px;
}
table .actions,
table .actions a {
    color: #<?=$comment_color;?>;
}
@media print {
table tr.altrow {
    background-color: #<?=$table_row2_color_bw;?>;
}
}
/* END Таблица с данными =====================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: <?=$main_font;?>;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    font-style: normal;
    margin-top: <?=rn($lineHeight);?>em;
    color: #<?=$headersColor;?>;
}
@media print {
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
}
}

.no-color {
    color: inherit;
    //color: #<?=$font_color?>;
}
h5,
h6 {
    margin-top: 0em;
}
h6 {
    font-weight: normal;
    font-style: italic;
}
h1 {
    font-size: <?=rn($h1_font_koef);?>em;
    margin-top: <?=rn($lineHeight/$h1_font_koef*1.5);?>em;
    margin-bottom: <?=rn($lineHeight/$h1_font_koef/2);?>em;
}
h2 {
    font-size: <?=rn($h2_font_koef);?>em;
    margin-top: <?=rn($lineHeight/$h2_font_koef*1.5);?>em;
    margin-bottom: <?=rn($lineHeight/$h2_font_koef/2);?>em;
}

/* BEG Фильтр ================================================================*/
table.filter-container tr td {
    padding-right: 0.5em;
    padding-bottom: 0.3em;
    vertical-align: bottom;
}
/* END Фильтр ================================================================*/

a {
    color: inherit ! important;
    //color: #<?=$font_color;?>;
    text-decoration: underline;
}
.sort-label-container {
    position: relative;
    width: 1em;
}
.sort-label-wrapper {
    display: block;
    position: relative;
    zoom: 1;
}
.sort-label {
    position: absolute;
    display: block;
    top: 0em;
    left: 0.2em;
    -left: 0.1em;
    -font-size: 1.5em;
    -line-height: <?=rn($lineHeight + 0.25);?>em;
}


/*  paging  */

.show_items,
.paging {
    font-family: <?=$table_font;?>;
    font-size: <?=rn($table_font_sz);?>em;
}
.show_items a,
.paging a {
   //color: #<?=$font_color;?>;
}
.show_items .hot_links,
.paging .pages {
    margin: 1em 0em;
}
.show_items .hot_links .cell,
.paging .pages .cell {
    width: 2em;
    height: 1.7em;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.show_items .hot_links .cell span,
.paging .pages .cell span {
    margin: 0em 0.3em;
}
.show_items .hot_links .cell .caption,
.paging .pages .cell .caption {
    margin: 0em 0.3em 0em 0em;
}
.show_items .hot_links .current,
.paging .pages .current {
    background-color: #<?=$current_bg_color;?>;
}
.paging-top {
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.paging-centered {
    margin-left: 50%;
    //margin-left: 34%;
}
*:first-child+html .paging-centered {
    margin-left: 20em;
}
.paging-center {
    margin-left: -1.5em;
}
.paging-table {
    margin-left: -9.5em;  /* ячейки перед текущей + половина текущей */
}


/*============================================================================*/
.additional_msg {
    color: #<?=$comment_color;?>;
    font-size:0.9em;
    font-style: italic;
}

.this-user {
    font-weight: bold;
    white-space: nowrap;
}
#top-items {
    font-family: <?=$table_font;?>;
    font-size: <?=rn($table_font_sz);?>em;
}

#top-items,
#top-items table {
    height: 2em;
    min-height: 2em;
    max-height: 2em;
}
#top-items table,
#top-items table a {
    color: #<?=$font_color_invert;?> ! important;
}
#top-items .selected-link,
#top-items .selected-link  a {
    color: #<?=$font_color;?> ! important;
}
#top-items td div {
    margin: 0.2em 0em 0em 0em;
    padding: 0em 0.5em 0.3em 0.5em;
}
/* Бордюры между элементами */
#top-items td div {
    border-left: 1px solid #<?=$top_menu_cl;?>;
}
#top-items td div.not-child,
#top-items td div.first-child {
    border-left: 0px none;
}
#top-items .selected-link,
#top-items .after-selected-link {
    border-left: 1px solid transparent;
    //border-left: 0px none;

}

.selected-link {
    background-color: #<?=$block_color;?>;
    color: #<?=$font_color;?>;
}
#top-items .selected-link {
    margin-top: 0em;
    padding-top: 0.2em;
}
/*============================================================================*/
#main-menu {
    margin: 1em;
    margin-top: 0em;
    margin-right: 0em;
    text-transform: uppercase;
    font-family: <?=$main_menu_font;?>;
    font-weight: bold;
}
#main-menu a {
    color: #<?=$main_menu_color;?> ! important;
}
#main-menu .selected .item {
    background-color: #<?=$main_menu_sel_bg_cl;?>;
}
.tt
{
	font-family: courier new;
}
#main-menu .selected .item,
#main-menu .selected a {
    color: #<?=$font_color_invert;?> ! important;
}
#main-menu .item {
    white-space: nowrap;
}
#main-menu .item {
    line-height: 1.7em;
    padding: 0.3em 0.5em;
    padding-top: 0.2em;
}
/*============================================================================*/
.breadcrumbs .item {
    display: inline;
    margin-right: 0.5em;
    font-family: <?=$table_font;?>;
    font-size: <?=rn($table_font_sz);?>em;
}
#flash-message-container {
    height: <?=rn($messagesFontPerspectiveKoef + 0.7);?>em;
    overflow: hidden;
    text-align: center;
}
#flash-message {
    font-size: <?=rn($messagesFontPerspectiveKoef);?>em;
    padding: 0.2em 0.3em 0.25em 0.3em;
    font-weight: bold;
    white-space: nowrap;
}
#flash-message.notice {
    color: #<?=$msgNoticeColor;?>;
    background-color: #<?=$msqNoticeBgColor;?>;
}
#flash-message.warning {
    color: #<?=$msgWarningColor;?>;
    background-color: #<?=$msqWarningBgColor;?>;
}
#flash-message.error {
    color: #<?=$msgErrorColor;?>;
    background-color: #<?=$msqErrorBgColor;?>;
}
.breadcrumbs a {
   //color: #<?=$font_color;?>;
}
/*============================================================================*/

table tr.inactive {
    color: #<?=$disabled_color;?>;
}
table td.delimiter {
    border-top: 1px solid #<?=$border_color;?>;
}
table tr.unreadmail{
    font-weight: bold;
}
.int-part .group {
    margin-left: <?=$numberGroupDistance;?>em;
}
option.system {
    font-style: italic;
}
/*============================================================================*/
/*============================================================================*/
/*============================================================================*/
.form-elements .form-element {
    padding-top: 1em;
}
.form-elements .non-top-margin {
    padding-top: 0em;
}
.form-elements {
    margin: 0em -<?=$formPadding;?>em;
    width: 100%;
}
.form-elements .form-element-container {
    padding: 0em <?=$formPadding;?>em;
}
.form-inner .form-element-container {
    padding: 0em;
}
.form-inner {
    margin: 0em;
    width: auto;
}
.form-elements .hightlight {
    background-color: #<?=$current_bg_color;?>;
}
.form-elements .form-item-view {
    background-color: #<?=$current_bg_color;?>;
    padding: 0em <?=rn($table_cell_h_padding);?>em;
}
.form-elements .hightlight .form-item-view {
    background-color: #<?=$content_bg_color;?>;
}
.form-elements table.form-item-view {
    width: 15em;
    height: 5em;
}
.form-elements .form-element .field-error,
.form-elements .error-message,
.form-elements .form-element .field-description,
.form-elements .form-element .field-comment {
    font-family: <?=$table_font;?>;
    font-size: <?=rn($table_font_sz);?>em;
}
.field-description {
    font-family: <?=$table_font;?>;
    font-size: <?=rn($table_font_sz);?>em;
}
.form-elements .form-element .field-error,
.form-elements .error-message {
    color: #<?=$msg_error_color;?>;
}
.form-elements .form-element .field-description,
.form-elements .form-element .field-comment {
    color: #<?=$comment_color;?>;
}
.field-description {
    color: #<?=$comment_color;?>;
}
.neg-margin-l {
    margin-left: -<?=rn($table_cell_h_padding);?>em;
}
.neg-margin-r {
    margin-right: -<?=rn($table_cell_h_padding);?>em;

}
.neg-margin-b {
    margin-left: -<?=rn($table_cell_h_padding);?>em;
    margin-right: -<?=rn($table_cell_h_padding);?>em;
}
.padding-l {
    padding-left: <?=rn($table_cell_h_padding);?>em;
}
.padding-r {
    padding-right: <?=rn($table_cell_h_padding);?>em;

}
.padding-b {
    padding-left: <?=rn($table_cell_h_padding);?>em;
    padding-right: <?=rn($table_cell_h_padding);?>em;
}
div.divAjax {
	background-color: #<?=$body_bg_color;?>;
}
.no-margins {
    margin: 0em;
}
.number-sign {
    margin-right: <?=$number_margin;?>em;
}

<?php

////////////////////////////////////////////////////////////////////////////////
///  Тикеты  ///////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

?>

.ticket-items {
    border-top: 2px solid #<?=$border_color;?>;
    border-bottom: 2px solid #<?=$border_color;?>;
    margin-right: <?=$formPadding;?>em;
}
.ticket-items .incoming .body {
    background-color: #<?=$incoming_ticket_color;?>;
}
.ticket-items .outcoming .body {
    background-color: #<?=$outcoming_ticket_color;?>;
}
.ticket-items .body {
    padding: 0.5em <?=$formPadding;?>em;
    margin: 0.5em 0em;
}
.ticket-items td {
    padding: 0em;
}
.ticket-items-list {
    margin: 0em -<?=$formPadding;?>em;
}
.ticket-items .create-date {
    border-bottom: 1px solid #<?=$border_color;?>;
    padding-bottom: 0em;
    margin-bottom: 1em;
}
.ticket-items .create-date,
.ticket-items .actions {
    font-family: <?=$table_font;?>;
    font-size: <?=rn($table_font_sz);?>em;
    color: #<?=$comment_color;?>;
}
.ticket-items .actions {
    text-align: right;
}
.monos option {
    font-family: monospace;
}
<?php $optionMarginCompensation = '5px'; ?>
option {
    padding-left: <?=$optionMarginCompensation;?>;
    padding-right: <?=$optionMarginCompensation;?>;
}
.italic {
    font-style: italic;
}

#logo-container {
    padding-top: 5px;
}
#footer-container {
    padding-top: 1em;
}
#logo-container img {
    width: 102px;
    height: 78px;
}
strong.hl {
    background-color: #<?=$hl_bg_color;?>;
    color: black;
}
#content-frame-bottom {
    vertical-align: bottom;
}
#content-frame-bottom-container {
    vertical-align: top;
    padding-bottom: 0.5em;
    padding-left: 1.5em;
}
#content-frame-bottom-wrapper {
    width: 100%;
}
#content-frame {
    border: #<?=$border_color;?> solid 1px;
    border-top-width: 0px;
    width: 100%;
}
body {
    width: 960px;
    margin: 0em auto 0em 1em;
}
#footer-caption {
    font-size: 0.9em;
    color: #<?=$body_bg_color;?>;
    background-color: #<?=$color_2;?>;
    padding: 0.1em 0.5em 0.2em 0.5em;
}
#footer-caption2 {
    font-size: 0.8em;
    color: #<?=$color_2;?>;
    text-align: right;
}
img {
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}

sys_clear,
table.sys_clear,
table tr.sys_clear,
table th.sys_clear,
table td.sys_clear,
*.sys_clear {
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}
table.sys_clear {
    font-size: 1em;
    empty-cells: show;
    border-spacing: 0px;
    border-collapse: collapse;
}
td.sys_clear,
th.sys_clear {
    vertical-align: top;
}

.form-elements {
    padding: 0px;
    margin: 0px;
    border-width: 0px;
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;
}

#menu {
	height: 2.5em;
	margin-bottom: 0px;
	position: relative;
	top: 1px;
}
#menu .item-wrpper {
	vertical-align: bottom;
}
#menu .item {
	border: 1px solid #<?=$border_color;?>;
	background-image: url(<?=$root;?>/img/menu-inactive-grad.gif);
	background-position: 0% 0%;
	background-repeat: repeat-x;
	border-bottom-width: 0px;
	margin: 0.5em 1px 0px 1px;
	padding: 0.1em 1em 0.2em 1em;
	text-align: center;
	color: #<?=$main_menu_color;?>;
	background-color: #<?=$main_menu_bg_color;?>;
	white-space: nowrap;
}
#menu .item a {
	text-decoration: none;
	//color: #<?=$main_menu_color;?>;
}
#menu .active .item {
	background-color: #<?=$content_bg_color;?>;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat-x;
	padding-top: 0.6em;
	padding-bottom: 0.4em;
	border: 1px solid #<?=$border_color;?>;
	border-bottom-width: 0px;
}
#menu .active .item,
#menu .active .item a {
	color: #<?=$font_color;?>;
}
#menu .active .item a {
	text-decoration: underline;
}
#menu-prefix {
	width: 0.5em;
}
#menu-wrapper,
#menu .inactive,
#menu-prefix,
#menu-sufix {
	border: 0px solid #<?=$border_color;?>;
	border-bottom-width: 1px;
}
#content-frame {
	background-color: #<?=$content_bg_color;?>;
}
table {
    empty-cells: show;
    border-collapse: collapse;
    border-spacing: 0px;
}
td {
	border: 1px solid #<?=$border_cell;?>;
}
#top-items-container {
	position: absolute;
	top: 0px;
	right: 0px;
}
#balance-wrapper {
    margin-top: 2em;
    margin-bottom: 0.5em;
}
#balance {
    padding: 0.5em 0.7em 0.5em 1em;
    /*font-weight: bold;*/
    background-color: #<?=$color_1;?>;
    color: #<?=$font_color;?>;
}
#main-caption {
    font-size: 1.05em;
    font-family: <?=$logo_font;?>;
    font-weight: bold;
    padding: 1em;
    padding-top: 2em;
    vertical-align: middle;
    text-transform: uppercase;
}
#top-row {
    color: #<?=$font_color_invert;?>;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    //color: #<?=$headersColor;?>;
}
table tr td.pr,
.pr {
    padding-right: 0.5em;
}
table td,
table th {
    vertical-align: top;
}
.hinteble {
    border-bottom: 1px dotted;
}
.note {
    font-size: 0.85em;
    color: #<?=$comment_color;?>;
    font-style: italic;
    text-align: right;
}
#edit_list td, #edit_list th {
	border: 1px solid grey;
	padding: 5px;
}
#edit_list tr{
	background-color: #white;
}
#edit_list tr.altrow {
	background-color: #e1e1e1;
}
#edit_list {
	margin: 10px;
}

/* ����� ��� ������ �� �������� ����������� */
#reports_td {

	vertical-align: middle;
}
#reports_td table, #reports_td td{
	border: 2px solid #F2F2F2;
	margin:3px
}
.altrow #reports_td table, #reports_td td{
	border: 2px solid #fff;
	margin:3px
}
#tools_table {
	border:none;
}

#tools_table td {
	border:none;
}



#top-container,
#top-container a {
    color: #<?=$font_color_invert;?>;
}
<?php
$icon_w = 22;
$icon_h = $icon_w;
?>
.icon-link {
    margin: 0.2em 0.3em;
    display: block;
    height: <?=$icon_h;?>px;
    width: <?=$icon_w;?>px;
    background-repeat: no-repeat;
    background-image: url(<?=$root;?>/img/icons.png);
}
.icon-button {
    height: <?=$icon_h;?>px;
    width: <?=$icon_w;?>px;
    background-repeat: no-repeat;
    background-image: url(<?=$root;?>/img/icons.png);
    border: 0px solid;
    background-color: transparent;
    cursor: pointer;
}
.icon-button .filler {
    margin-bottom: -12px;
    //margin-bottom: 0px;
    height: <?=$icon_h;?>px;
    width: <?=$icon_w;?>px;
}
<?php
$icon_count = 20;

for ($i = 0; $i < $icon_count; $i++) {
?>
.icon<?=$i;?> {
    background-position: -<?=$i*$icon_w;?>px 0px;
}
.icon<?=$i;?>i {
    background-position: -<?=$i*$icon_w;?>px -<?=$icon_h;?>px;
}
.hightlight .icon<?=$i;?>,
.altrow .icon<?=$i;?> {
    background-position: -<?=$i*$icon_w;?>px -<?=$icon_h*2;?>px;
}
.hightlight .icon<?=$i;?>i,
.altrow .icon<?=$i;?>i {
    background-position: -<?=$i*$icon_w;?>px -<?=$icon_h*3;?>px;
}
<?php
}
?>


#top-menu {
    float: right;
}
#top-menu .item {
    white-space: nowrap;
}
#top-menu,
#top-menu a {
    color: #<?=$font_color_invert;?> ! important;
}
#top-menu .item {
    margin: 0.2em 0em 0em 0em;
    padding: 0em 0.5em 0.3em 0.5em;
}
/* Бордюры между элементами */
#top-menu .item {
    border-left: 1px solid #<?=$top_menu_cl;?>;
}
#top-menu .not-child,
#top-menu .first-child {
    border-left: 0px none;
}
#top-menu .selected-link,
#top-menu .after-selected-link {
    border-left: 1px solid transparent;
    //border-left: 0px none;
}
#top-menu .selected-link {
    color: #<?=$font_color_invert;?> ! important;
    background-color: #<?=$block_color;?>;
    margin-top: 0em;
    padding-top: 0.2em;
}

/* ввод с бланка*/

.answer_table {
    float: left;
    margin: 1.5em ;
}
.answer_table .selected_answer {
    background-color: #444444;
    color: #<?=$font_color_invert;?>;
}
.answer_table .hover_answer {
    background-color: #AAAAAA;
}
.answer_table .number {
    background-color: #EEEEEE;
    vertical-align: middle;
    border: 1px solid #CCCCCC;
}
.answer_table .answer_cell {
    cursor: hand;
    cursor: pointer;
}
.answer_table .invalid {
    background-color: #FFAAAA;
}

ul.checkboxMultiple {
    margin:0;
    padding:0;
    list-style-type:none;
}
ul.checkboxMultiple li {
    display:block;
    float:left;
    width: 220px;
    margin: 0 8px 0 0;
}
.table td.active-row {
    background-color: #AACDFF;
}
